.order_detail_order_info {
  display: flex;
  flex-direction: column;
  gap: 12px;

  .title {
    font-size: 14px;
    font-weight: bold;
    padding-left: 6px;
    border-left: 3px solid $primaryColor;
  }

  .info_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 16px;

    .text {
      column-gap:20px;
      row-gap: 12px;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      /* 尽可能多地填充列，每列最小100px，根据需要伸缩 */
      .info_item {
        display: flex;
        gap: 5px;

        .label {
          color: #606266;
          display: flex;
          height: 18px;
          line-height: 18px;

          .txt {
            width:120px;
            text-align: right;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
          }

          .middle {
            width: 3px;
          }
        }

        .value {
          width: 160px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          cursor: pointer;
          height: 18px;
          line-height: 18px;
        }
      }
    }

    .file {
      display: flex;
      flex-wrap: wrap;
      column-gap: 76px;
      row-gap: 12px;

      .info_item {
        display: flex;
        gap: 5px;

        .label {
          color: #606266;
          display: flex;
          height: 18px;
          line-height: 18px;

          .txt {
            width: 92px;
            text-align: right;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
          }

          .middle {
            width: 3px;
          }
        }

        .file_list {
          max-width: 478px;
          min-width: 478px;
          display: flex;
          gap: 5px;

          .arrow {
            min-width: 24px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-sizing: border-box;
            transition: all 0.4s ease;
          }

          .enabled_arrow {
            cursor: pointer;
            border: 1px solid #ebeef5;
						transition: all 0.4s;

            .iconfont {
              color: $primaryColor;
							transition: all 0.4s;
            }

						&:hover {
							border-color: $primaryColor;
							background-color: $primaryColor;

							.iconfont {
								color: #fff;
							}
						}
          }

          .disabled_arrow {
            cursor: not-allowed;
            border: 1px solid #ebeef5;

            .iconfont {
              color: #ebeef5;
            }
          }

          .list {
            width: 420px;
            overflow: hidden;

            .list_content {
              display: flex;
              gap: 5px;
              transition: all 0.4s ease;

              .file {
                width: 80px;
                height: 50px;
              }
            }
          }
        }
      }
    }
  }
}
